<template>
  <!-- 公众号 -->
  <div class="gzharea">
    <div style="text-align: center;">
      <p class="title">分享流行的前端产品</p>
      <p style="margin-top: 5px;">技术｜源码｜设计｜参考</p>
    </div>
    <div><img src="https://cdn.enshimama.com/appbeebee/posts/gzh.png" alt="公众号二维码" /></div>
    <div>
      <p>
        扫码关注APP比比公众号</p>
      <p style="margin-top: 5px;">
        第一时间传递给你</p>
    </div>
  </div>
</template>

<script lang="ts" setup>
</script>

<style scoped>
.gzharea {
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  margin-top: 32px;
  text-align: center;
  font-size: 0.7rem;
  background-color: var(--vp-c-bg-alt);

  .title {
    font-size: 0.875rem;
    font-weight: bold;
    letter-spacing: 1.8px;
  }
}
</style>